.withdrawal-account-container {
	min-height: 100vh;
	background: linear-gradient(180deg, #e8f5e8 0%, #ffffff 100%);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	position: relative;
}
.header-section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 40px;
	padding-top: 50px;
	
	.title-section {
		.main-title {
			display: block;
			font-size: 28px;
			font-weight: 700;
			color: #4CAF50;
			line-height: 1.2;
		}
	}
	
	.credit-card-3d {
		.card-body {
			width: 80px;
			height: 50px;
			background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
			border-radius: 8px;
			position: relative;
			box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
			
			.card-chip {
				position: absolute;
				top: 8px;
				left: 8px;
				width: 12px;
				height: 8px;
				background: #FFD700;
				border-radius: 2px;
			}
			
			.card-logo {
				position: absolute;
				bottom: 6px;
				right: 8px;
				width: 20px;
				height: 12px;
				background: #fff;
				border-radius: 2px;
			}
			
			.card-stripe {
				position: absolute;
				top: 20px;
				left: 0;
				right: 0;
				height: 2px;
				background: #333;
			}
		}
	}
}

.form-section {
	padding: 0 20px;
	.input-group {
		
		.input-label {
			display: block;
			font-size: 16px;
			font-weight: 600;
			color: #FF4444;
			margin-bottom: 8px;
		}
		
		.form-input {
			width: 100%;
			height: 50px;
			padding: 0 15px;
			border: 1px solid #E0E0E0;
			border-radius: 8px;
			background: #fff;
			font-size: 16px;
			color: #333;
			box-sizing: border-box;
			
			&::placeholder {
				color: #999;
			}
			
			&:focus {
				outline: none;
				border-color: #4CAF50;
				box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.1);
			}
		}
		
		.bank-select-input {
			position: relative;
			display: flex;
			align-items: center;
			
			.bank-input {
				padding-right: 40px;
				cursor: pointer;
			}
			
			.arrow-icon {
				position: absolute;
				right: 15px;
				font-size: 25px;
				color: #666;
				font-weight: 700;
				pointer-events: none;
			}
		}
	}
}

.submit-section {
	padding: 30px;
	
	.submit-button {
		width: 100%;
		height: 50px;
		background:linear-gradient(to right,#93f94e,#faf859)!important;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
		
		.submit-text {
			font-size: 18px;
			font-weight: bold;
			color: #000;
		}
	}
}

.notice-section {
	padding: 0 30px 30px;
	text-align: center;
	
	.notice-title {
		display: block;
		font-size: 18px;
		font-weight: bold;
		color: #4CAF50;
		margin-bottom: 15px;
	}
	
	.notice-text {
		display: block;
		font-size: 14px;
		color: #666;
		line-height: 1.5;
		text-align: left;
		margin-bottom: 8px;
	}
}


.custom-width-bottom {
	width: var(--uni-app-max-width);
	left: auto !important;
	right: auto !important;
}

.bank-popup {
	background: #fff;
	padding-bottom: 20px;
}

.bank-popup-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	border-bottom: 1px solid #eee;
}

.bank-popup-title {
	font-size: 16px;
	font-weight: 500;
}

.bank-list {
	max-height: 60vh;
}

.bank-item {
	padding: 15px 20px;
	border-bottom: 1px solid #f5f5f5;
	font-size: 16px;
	color: #333;
}

.bank-item:active {
	background-color: #f0f0f0;
}

.note-section {
	padding: 0 30px 30px;
	text-align: center;
	
	.note-title {
		display: block;
		font-size: 18px;
		font-weight: bold;
		color: #4CAF50;
		margin-bottom: 15px;
	}
	
	.note-text {
		display: block;
		font-size: 14px;
		color: #666;
		line-height: 1.5;
		text-align: left;
		margin-bottom: 8px;
	}
}